// out: ../css/analysis.css, compress: true, sourceMap: false
/*
 * @Author: giky 
 * @Date: 2018-12-06 17:05:11 
 * @Last Modified by: giky
 * @Last Modified time: 2019-03-06 09:14:12
 */
@img-path:"../images/";
html,body {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    color:#fff;
}
.flex_height{
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    height:100%;
}
.flex_width{
    display: -webkit-flex;
    display: flex;
}
.item {
    flex: auto;
}
.overflow {
    overflow: auto;
}
.height100{
    height:100%;
}
.fg1{
    flex-grow: 1;
}
.ase{
    align-self: flex-end;
}
.pd10{
    padding:10px;
}
.fixBox{
    margin: 10px 16px 15px 10px;
}
.bd{
    width: 100%;
    height: 100%;
    // transform: scale(1.21296, 1.21296);
    // background: url("https://sugar.baidubce.com/static/img-templet/background-4.png") 0% 0% / 100% 100% rgb(3, 12, 59);
    background:url("@{img-path}/background-4.png") no-repeat right bottom rgb(22, 30, 52);
    
}
.header{
    height:116px;
    line-height:116px;
    background:url("@{img-path}/headerBg.png") no-repeat center top;
    h1{
        text-align: center;
        font-size:30px;
    }
}
.main{
    flex-grow: 1;flex-shrink: 1;overflow-y: auto;
}
.col{
    width:30%;
    height:1000px;
    // flex-grow: 1;flex-shrink: 1;overflow-y: auto;
    .heng{
        height:30%;
        padding:0 0 10px 0;
    }
}
.col2{
    width:40%;
    padding-left: 10px;
    padding-right: 10px;
}
.fl{
    width:400px;
    margin:10px 0 0 10px; 
    align-items: stretch;
    
}
.box{
    border-image-source: url("@{img-path}/border-2.png");
    border-image-slice: 10 16 15 10 fill;
    border-width: 10px 16px 15px 10px;
    border-style: solid;
    background-color: rgba(180, 181, 198, 0.1);
    background-clip: border-box;
    filter: blur(0px);
    align-items: stretch;
    height:100%;
    padding:0 10px;
}
.tt{
    width:500px;
    height:500px;
}
.layui-table{
    background-color:rgba(255,255,255,0.3);
    color:#fff;
    thead{
        tr{
            background: rgba(0,0,0,0.3);
            th{
                font-weight: bold;
            }
        }
    } 
    tbody{
        tr{
            &:hover{
                background-color:#161e34
            }
        }
    }
    
    // layui-table tbody tr:hover,.layui-table thead tr,.layui-table-click,.layui-table-header,.layui-table-hover,.layui-table-mend,.layui-table-patch,.layui-table-tool,.layui-table-total,.layui-table-total tr,.layui-table[lay-even] tr:nth-child(even){background-color:#f2f2f2}.layui-table td,.layui-table th,.layui-table-col-set,.layui-table-fixed-r,.layui-table-grid-down,.layui-table-header,.layui-table-page,.layui-table-tips-main,.layui-table-tool,.layui-table-total,.layui-table-view,.layui-table[lay-skin=line],.layui-table[lay-skin=row]{border-width:1px;border-style:solid;border-color:#e6e6e6}
}
.fleft{
    width: 200px;
    background: #f00;
    align-items: stretch;
    .box{
        align-items: initial;
    }
}
.timeBox{
    align-items: stretch;
    overflow: hidden;
    height: 90%;
    .box{
        overflow: auto;
        align-items: stretch;
        padding-bottom:10px;
    }
}